<!DOCTYPE HTML>
<html>
<head>
    <title>阿丁餐评</title>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
    <link rel="stylesheet" href="assets/css/main.css"/>
    <noscript>
        <link rel="stylesheet" href="assets/css/noscript.css"/>
    </noscript>
</head>
<body class="is-preload">
<div id="app">
	<div id="page-wrapper">
		<!-- Wrapper -->
		<div id="wrapper">

			<!-- Panel (Banner) -->
			<section class="panel banner right">
				<div class="content color0 span-3-75">
					<h1 class="major">欢迎来到阿丁餐评<br/>
						WelCome</h1>
					<ul class="actions">
						<li><a href="#first" class="button primary color1 circle icon solid fa-angle-right">Next</a></li>
					</ul>
				</div>
				<div class="image filtered span-1-75" data-position="25% 25%">
					<img src="images/pic01.jpg" alt=""/>
				</div>
			</section>
			<div v-for="store in foodList">
				<section class="panel spotlight medium right" id="first" @click="evaluation(store.categoryId)" style="cursor: pointer">
					<div class="content span-7">
						<h2 class="major">{{store.categoryName}}</h2>
						<p>
							餐厅位置：{{store.address}}<br>
							联系电话：{{store.phone}}<br>
							工作时间：{{store.workTime}}<br>
						</p>
					</div>
					<div class="image filtered tinted" data-position="top left">
						<img src="images/pic02.jpg" alt=""/>
					</div>
				</section>
			</div>
		</div>
	</div>
</div>

</body>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/main.js"></script>
<script src="../../js/vue.js"></script>
<script src="../../plugins/axios.min.js"></script>
<script src="../../js/request.js"></script>
<script src="../../api/login.js"></script>
<script src="../../api/category.js"></script>
<script>
	new Vue({
		el:"#app",
		data(){
			return{
				foodList:{}
			}
		},
		created(){
			this.initData()
		},
		methods:{
			async initData(){
				await getStoreList({}).then(res=>{
					this.foodList=res.data
				})
			},
			evaluation(categoryId){
				window.location.href="evaluationStore.html?categoryId="+categoryId
			},

		},
	})
</script>
</html>